{% extends "GairalFrankCVBundle::layout.html.twig" %}
{% block bodyCV %}
<section id="interests" class="content">
    <div id="map_canvas" class="well" style="height:250px;"></div>
    {% if listCategory %}
    <ul class="thumbnails">
        {% for category in listCategory %}
                <li class="well">
            <h3>{{ category.name }}</h3>
       {# Interest liste construction #}
        {% set htmlList %}
        {% for interest in category.interests %}
                    <li>
            {{ interest.name }}
        {% if interest.description %}
                            ({{ interest.description }})
        {% endif %}
                        </li>   
        {% endfor %}
        {% endset %}
                        <ul>{{ htmlList }}</ul>
                        </li>
        {% else %}
                        no interest
        {% endfor %}
                </ul>
    {% endif %}
            </section>
{% endblock %}

{% block js %}
            <script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?v=3.12&amp;sensor=true" id="mapsApi"></script>
    {% javascripts '@fkMap' %}
            <script src="{{ asset_url }}" type="text/javascript"></script>
            <script type="application/javascript">
                Fk.bind('load', function(){
                Fk.map.init(48.8566, 2.35222, 7);
                Fk.map.displayTravelDest({{ travels|raw }});
                });
            </script>
    {% endjavascripts %}
{% endblock %}